// vuex
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

// 创建vuex的store
const store = new Vuex.Store({
  state: {
    count: sessionStorage.getItem('userId')
  },
  // 更改store的状态
  mutations: {
    increment (state) {
      state.count=sessionStorage.getItem('userId');
    },
    decrement (state) {
      state.count=null;
    }
    //调用this.$store.commit("increment")
  },
  // 有异步的时候， 需要action
  actions: {
    increment(context) {
      context.commit('increment')
    },
    decrement (context) {
      setTimeout(function () {
        context.commit("decrement")
      }, 10)
    }
    //调用this.$store.dispatch("decrement")
  },
  // 通过getter 进行数据获取
  getters: {
    getState(state) {
      return state.count;
    }
  }
})

export default store